// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.
@import '../../common/styles/common.scss';

.requirement-context-container {
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    border-radius: 4px;
    background-color: $help-links-section-background;
    border: 1px solid $help-links-section-border;
    box-sizing: border-box;

    p {
        margin-block-end: 2em;
    }
}

.context-heading {
    @include h3;

    padding: 0;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.context-links > * {
    font-family: $font-family;
    font-size: 14px;

    &:global(.ms-Button) {
        padding: 0;
        margin: 0;
        height: max-content;
        padding-bottom: 5px;
        border: none;
    }

    :global(.ms-Button-label) {
        margin-left: 0;
        margin-right: 0;
        line-height: 20px;
        color: $link;

        &:hover {
            color: $link-hover;
            text-decoration: underline;
        }

        @media screen and (forced-colors: active) {
            color: linktext;

            &:hover {
                color: ButtonText !important;
                text-decoration: underline;
            }
        }
    }
}
